

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>TinyMCE - Full featured example</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link rel="icon" href="http://moxiecode.cachefly.net/tinymce/v5/images/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="http://moxiecode.cachefly.net/tinymce/v5/images/favicon.ico" type="image/x-icon" /> 
<link type="text/css" rel="stylesheet" href="http://moxiecode.cachefly.net/tinymce/v5/css/all.min.css" />
</head>
<body id="tryit">

<div id="header">
	<div id="top">
		<div class="block">
			<ul id="menu">
				<li><a href="/index.php"><span>Home</span></a></li>
				<li class="active"><a href="/tryit/full.php"><span>Try it</span></a></li>
				<li><a href="/download/download.php"><span>Download</span></a></li>
				<li><a href="/wiki.php"><span>Documentation</span></a></li>
				<li><a href="/enterprise/enterprise.php"><span>Enterprise</span></a></li>
				<li><a href="/develop/develop.php"><span>Develop</span></a></li>
				<li><a href="/forum/index.php"><span>Forum</span></a></li>
							</ul>

			<!-- login -->
							<div id="login">Welcome Guest! <a class="showlogin" href="#">Login</a> or <a href="/forum/register.php">Register</a></div>
					</div>
	</div>

	<div id="subheader">
		<div class="block">
			<a class="logo" href="/index.php"><span>Version: 3.4.7</span></a>

											<img alt="Headerimage" src="http://moxiecode.cachefly.net/tinymce/v5/images/subimage/puzzle.gif" style="left:200px; position:absolute; display: block" />
								<div class="text">
					<h3>Get your own copy</h3>
					<p>Don't hesitate! Just <a href="/download/download.php">download</a> and <a href="/tryit/full.php">test</a> it all by yourself <a href="/js/tinymce/jscripts/tiny_mce/license.txt">for free</a>!</p>
				</div>
					</div>
	</div>
</div>

<div id="main">
	<div class="mainblock">
		<div class="block">

		<div id="breadcrumbsheader">
						<ul class="toolbar breadcrumbs">
				<li class="first">You are here:</li>
								<li class="start"><a href="/tryit/full.php">Try it</a></li>
								<li ><a href="/tryit/full.php">Full featured example</a></li>
							</ul>
					</div>

		<div id="twocolumns">
			<div class="content">
				<div id="content-header">
					<h1>Full featured example</h1>



					<ul class="toolbar pagetools">
												<li><a href="http://fiddle.tinymce.com/baaaab" target="_blank" class="fiddle" title="Fiddle with this example on fiddle.tinymce.com">Fiddle with this example</a></li>
												<li><a href="http://www.addthis.com/bookmark.php?v=250&amp;username=xa-4d0772ad4d893743" title="Bookmark/share page" class="share" rel="nofollow">Share</a></li>
						<li><a href="#" class="print" title="Print wiki page">Print</a></li>
					</ul>
				</div>

				<div class="content-body"><script type="text/javascript" src="../js/tinymce/jscripts/tiny_mce/tiny_mce_gzip.php?js=1&amp;plugins=autolink,lists,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,wordcount,advlist,autosave,imagemanager,filemanager&amp;themes=advanced&amp;languages=en&amp;diskcache=true&amp;src=false"></script>

<script type="text/javascript">

tinyMCE.init({

	// General options

	mode : "textareas",

	theme : "advanced",

	plugins : "autolink,lists,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,wordcount,advlist,autosave,imagemanager,filemanager",



	// Theme options

	theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect,formatselect,fontselect,fontsizeselect",

	theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",

	theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",

	theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,spellchecker,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,blockquote,pagebreak,|,insertfile,insertimage",

	theme_advanced_toolbar_location : "top",

	theme_advanced_toolbar_align : "left",

	theme_advanced_statusbar_location : "bottom",

	theme_advanced_resizing : true,



	skin : "o2k7",

	skin_variant : "silver",



	// Example content CSS (should be your site CSS)

	content_css : "css/example.css",



	// Drop lists for link/image/media/template dialogs

	template_external_list_url : "js/template_list.js",

	external_link_list_url : "js/link_list.js",

	external_image_list_url : "js/image_list.js",

	media_external_list_url : "js/media_list.js",



	// Replace values for the template plugin

	template_replace_values : {

		username : "Some User",

		staffid : "991234"

	},



	autosave_ask_before_unload : false // Disable for example purposes

});

</script>



<div class="tabs">

	<a id="demo_tab" class="active" href="#"><span class="application">View Example</span></a>

	<a id="source_tab" href="#"><span class="code">View Source</span></a>

	<br style="clear:both" />

</div>



<div class="demo_content">

<div id="view">

<p>This example displays all plugins and buttons that comes with the TinyMCE package.</p>



<form method="post" action="dump.php"><fieldset>

<textarea rows="20" cols="20" name="content" style="width:100%; height:550px">

&lt;h1&gt;&lt;img style="float: right;" title="TinyMCE Logo" src="img/tlogo.png" alt="TinyMCE Logo" height="80" width="92" /&gt;Welcome to the TinyMCE editor demo!&lt;/h1&gt;

&lt;p&gt;Feel free to try out the different features that are provided, please note that the MCImageManager and MCFileManager specific functionality is part of our commercial offering. The demo is to show the integration.&lt;/p&gt;

&lt;p&gt;We really recommend &lt;a href="http://www.getfirefox.com" target="_blank"&gt;Firefox&lt;/a&gt; as the primary browser for the best editing experience, but of course, TinyMCE is &lt;a href="../wiki.php/Browser_compatiblity" target="_blank"&gt;compatible&lt;/a&gt; with all major browsers.&lt;/p&gt;

&lt;h2&gt;Got questions or need help?&lt;/h2&gt;

&lt;p&gt;If you have questions or need help, feel free to visit our &lt;a href="../forum/index.php"&gt;community forum&lt;/a&gt;! We also offer Enterprise &lt;a href="../enterprise/support.php"&gt;support&lt;/a&gt; solutions. Also do not miss out on the &lt;a href="../wiki.php"&gt;documentation&lt;/a&gt;, its a great resource wiki for understanding how TinyMCE works and integrates.&lt;/p&gt;

&lt;h2&gt;Found a bug?&lt;/h2&gt;

&lt;p&gt;If you think you have found a bug, you can use the &lt;a href="../develop/bugtracker.php"&gt;Tracker&lt;/a&gt; to report bugs to the developers.&lt;/p&gt;

&lt;p&gt;And here is a simple table for you to play with.&lt;/p&gt;

&lt;table border="0"&gt;&lt;tbody&gt;&lt;tr&gt;

&lt;td&gt;&lt;strong&gt;Product&lt;/strong&gt;&lt;/td&gt;

&lt;td&gt;&lt;strong&gt;Cost&lt;/strong&gt;&lt;/td&gt;

&lt;td&gt;&lt;strong&gt;Really?&lt;/strong&gt;&lt;/td&gt;

&lt;/tr&gt;&lt;tr&gt;

&lt;td&gt;TinyMCE&lt;/td&gt;

&lt;td&gt;Free&lt;/td&gt;

&lt;td&gt;YES!&lt;/td&gt;

&lt;/tr&gt;&lt;tr&gt;

&lt;td&gt;Plupload&lt;/td&gt;

&lt;td&gt;Free&lt;/td&gt;

&lt;td&gt;YES!&lt;/td&gt;

&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;

&lt;p&gt;Enjoy our software and create great content!&lt;/p&gt;

&lt;p&gt;Oh, and by the way, don't forget to check out our other product called &lt;a href="http://www.plupload.com" target="_blank"&gt;Plupload&lt;/a&gt;, your ultimate upload solution with HTML5 upload support!&lt;/p&gt;

</textarea>



<div><a class="btn submitbtn" id="submitbtn" href="#"><span>Submit</span></a></div>

<br class="clr" />

</fieldset></form>

</div>



<div id="source" class="hidden">

<h2>Source</h2>

<p>Below is all you need to setup the example.</p>





<pre class="js">

&lt;script type="text/javascript" src="/js/tinymce/jscripts/tiny_mce/tiny_mce.js"&gt;&lt;/script&gt;

&lt;script type="text/javascript"&gt;

tinyMCE.init({

	// General options

	mode : "textareas",

	theme : "advanced",

	plugins : "autolink,lists,spellchecker,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template",



	// Theme options

	theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect,formatselect,fontselect,fontsizeselect",

	theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",

	theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",

	theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,spellchecker,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,blockquote,pagebreak,|,insertfile,insertimage",

	theme_advanced_toolbar_location : "top",

	theme_advanced_toolbar_align : "left",

	theme_advanced_statusbar_location : "bottom",

	theme_advanced_resizing : true,



	// Skin options

	skin : "o2k7",

	skin_variant : "silver",



	// Example content CSS (should be your site CSS)

	content_css : "css/example.css",



	// Drop lists for link/image/media/template dialogs

	template_external_list_url : "js/template_list.js",

	external_link_list_url : "js/link_list.js",

	external_image_list_url : "js/image_list.js",

	media_external_list_url : "js/media_list.js",



	// Replace values for the template plugin

	template_replace_values : {

		username : "Some User",

		staffid : "991234"

	}

});

&lt;/script&gt;



&lt;form method="post" action="somepage"&gt;

	&lt;textarea name="content" style="width:100%"&gt;&lt;/textarea&gt;

&lt;/form&gt;

</pre>

</div>

</div>



				</div>

			</div>



			<div id="submenu">

				<ul class="side-nav"><li class="active"><a href="/tryit/full.php">Full featured example</a></li><li><a href="/tryit/skins.php">Skins</a></li><li><a href="/tryit/jquery_version.php">jQuery integration</a></li><li><a href="/tryit/listbox_splitbutton.php">UI Customization</a></li><li><a href="/tryit/url_conversion.php">Output control</a></li><li><a href="/tryit/custom_formats.php">Formatting</a></li><li><a href="/tryit/load_on_demand.php">Loading/Initialization</a></li><li><a href="/tryit/ajax_load_save.php">Misc</a></li><li><a href="/tryit/imagemanager/integrated_with_tinymce.php">MCImageManager</a></li><li><a href="/tryit/filemanager/integrated_with_tinymce.php">MCFileManager</a></li></ul>				<div class="widget">

	<!-- heading -->

	<div class="heading">



		<h3 class="help-question">Found a bug?</h3>

	</div>

	<p>Please submit your bug in our bugtracker system, you need a registered user.</p>

	<div class="btns">

		<a href="/develop/bugtracker.php" class="btn"><span>submit bug</span></a>

	</div>

</div><div class="widget widget-product">

	<div class="frame">

		<div class="widget-body">

			<img src="http://moxiecode.cachefly.net/tinymce/v5/images/widget_mcfilemanager.jpg" alt="MCFileManager" class="alignright" />

			<div>

				<h3>MC File<br />Manager</h3>

				<a href="/enterprise/mcfilemanager.php" class="btn"><span>learn more</span></a>

				<a href="/enterprise/mcfilemanager_buy.php" class="btn btn-green"><span>buy now!</span></a>

			</div>

		</div>

		<div class="holder">

			<h4>Need an File Manager for your TinyMCE implementation?</h4>

			<p>Then check this out, integrate it into TinyMCE or use it with any editor out there. Available for .NET and PHP. </p>

		</div>

	</div>

</div><div class="widget widget-product">

	<div class="frame">

		<div class="widget-body">

			<img src="http://moxiecode.cachefly.net/tinymce/v5/images/widget_mcimagemanager.jpg" alt="MCImageManager" class="alignright" />

			<div>

				<h3>MC Image<br />Manager</h3>

				<a href="/enterprise/mcimagemanager.php" class="btn"><span>learn more</span></a>

				<a href="/enterprise/mcimagemanager_buy.php" class="btn btn-green"><span>buy now!</span></a>

			</div>

		</div>

		<div class="holder">

			<h4>Need an Image Manager for your TinyMCE implementation?</h4>

			<p>Then check this out, integrate it into TinyMCE or use it with any editor out there. Available for .NET and PHP.</p>

		</div>

	</div>

</div>			</div>

		</div>

		<div class="bottom-line"></div>

	</div>



	</div> <!-- /mainblock -->
</div> <!-- /main -->

<div id="footer">
	<div class="block">
		<a href="#" class="totop">Back to site top</a>
		<p>Provided for developers anywhere, everywhere, anytime and with any content.</p>

		<ul class="left">
			<li><a href="/tryit/full.php">Try it</a></li>
			<li><a href="/download/download.php">Download</a></li>
			<li><a href="/wiki.php">Documentation</a></li>
		</ul>

		<ul class="right">
			<li><a href="/enterprise/enterprise.php">Enterprise</a></li>
			<li><a href="/develop/develop.php">Develop</a></li>
			<li><a href="/forum/index.php">Forum</a></li>
		</ul>

		<div class="search">
			<form action="/search.php" method="get">
				<fieldset>
					<label for="search">Looking for something?</label>
					<div class="row">
						<div class="text">
							<input type="text" id="search" name="searchquery" value="" />
						</div>

						<input type="submit" value="GO" class="submit" />
					</div>
					<a href="http://www.moxiecode.com" class="footer-logo">Moxiecode</a>
					<p class="copy">&copy; 2003-2011 Moxiecode Systems AB.<br />All rights Reserved.<br />By being on this site, you allow cookies to be used.</p>
				</fieldset>
			</form>
		</div>
	</div>
</div>

<div id="footerdialog"></div>

	<script type="text/javascript" src="http://moxiecode.cachefly.net/tinymce/v5/js/prettify.js"></script>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript" src="http://moxiecode.cachefly.net/tinymce/v5/js/all.min.js"></script>

<script type="text/javascript">
// Google Analytics with Async load, DONT CLOG MA BROWSER MODE!
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-692197-1']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script');
ga.src = ('https:' == document.location.protocol ?
    'https://ssl' : 'http://www') +
    '.google-analytics.com/ga.js';
ga.setAttribute('async', 'true');
document.documentElement.firstChild.appendChild(ga);
})();
</script>

</body>
</html>
